.hr-with-text {
	width: 100%;
	display: block;
	text-align: center;
	overflow: hidden;
	margin: 20px 0;

	> div {
		position: relative;
		display: inline-block;
		font-size: 14px;
		line-height: 14px;
		color: #c8d7e1;
		max-width: 80%;

		&::before, &::after {
			content: '';
			position: absolute;
			top: 50%;
			width: 9999px;
			height: 1px;
			background-color: #c8d7e1;
		}

		&::before {
			right: 100%;
			margin-right: 5px;
		}

		&::after {
			left: 100%;
			margin-left: 5px;
		}
	}
}

